<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <a href="#" name="a1">a1</a>
    <a href="#" name="a2">a2</a>

    <img src="" alt=""><img src="" alt=""><img src="" alt="">

    <form action="">
        <input type="text">
        <button>点击</button>
    </form>
    <script>
        /**
         * document对象上暴露了几个特殊集合,
         * 这些集合都是HTMLCollection的实例,
         * 这些集合是访问文档公共部分的快捷方式
        */

        console.log(document.anchors) // 包含文档中所有带name属性的a标签

        console.log(document.forms)  // 包含文档中所有的form元素

        console.log(document.images) // 文档中所有的img标签

        console.log(document.links) // 文档中所有带href的a元素
    </script>
</body>

</html>